<%@page import="java.util.HashMap"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>login page</title>
	<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
	<link rel="stylesheet" href="css/SecurityQuestionForgotPassword.css" />
    <style type="text/css">
    	.errors {
			background-color:#FFCCCC;
			border:1px solid #CC0000;
			width:400px;
			margin-bottom:8px;
		}
		.errors li{ 
			list-style: none; 
		}
			
    
    </style>
    <script type="text/javascript"  src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.3.2.min.js"></script>
	
	
  <script type="text/javascript">
  
  $(document).ready(function(){
		$.mobile.ajaxEnabled=false;
  });
  
  </script>
 </head>
 <body>
  <%
  HashMap dataMap = (HashMap) session.getAttribute("datamap");
  HashMap questionmap = (HashMap) dataMap.get("questiondata");
  
  %>
  <div data-role="page" id="home">  
   <div data-position="fixed" data-role="header" data-theme="b">   
    <a href="menudisplay" data-role="buttun" data-icon="home">Menu</a>
    <h1>  
		Security question Page
    </h1>  
   </div>  
   <div align="center" data-role="content">
   <h1>PARVATI SOLVENTS EXTRACTION PVT LTD</h1>
			<h3>GUT NO.76, KHADGAON,TALUKA: BADNAPUR,DISTRICT:JALNA-431203,MAHARASHTRA,INDIA</h3>
   <form action="checkquestions" method="POST">
	
		<s:if test="hasActionErrors()">
   			<div class="errors">
      			<s:actionerror/>
   			</div>
			</s:if>		
			
			
		<div id="securityQuestionDivId">
		<input type="hidden" name="user" value="<%=dataMap.get("username") %>"/> 
		Welcome <%=dataMap.get("username") %> please answer the following questions
		<table data-theme="c" border="0" width="76%">
			<tr>
				<td class="tableText">Security Question No.1 :</td><td><input type="text" name="question1" readonly="readonly" value="<%=questionmap.get("question1") %>"></td>
			</tr>
			<tr>
				<td class="tableText">Answer For Security Question 1 :</td><td><input id="SecurityAnswer1" type="text" value="" name = "ans1" placeholder="Please same answer for the question" required/></td>
			</tr>
			<tr>
				<td class="tableText">Security Question No.2 :</td><td><input type="text" name="question2" readonly="readonly" value="<%=questionmap.get("question2") %>"/></td>
			</tr>
			<tr>
				<td class="tableText">Answer For Security Question 1 :</td><td><input id="SecurityAnswer1" type="text" value="" name="ans2" placeholder="Please same answer for this question" required/></td>
			</tr>
		</table>
		</div><br/>
		<div id="SecurityAnswersSubmitDivId">
			<button data-theme="b" type="submit" id="SecurityAnswersSubmitButtonId">Submit the Answers </button>
		</div>
   </form>
  </div>
  </div>
    </body>
</html>